<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style>
		/* Starter CSS for Flyout Menu */
	#cssmenu {
	  padding: 0;
	  margin: 0;
	  border: 0;
	}
	#cssmenu ul,
	#cssmenu li {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	#cssmenu ul {
	  position: relative;
	  z-index: 597;
	  float: left;
	}
	#cssmenu ul li {
	  float: left;
	  min-height: 1px;
	  line-height: 1.5em;
	  vertical-align: middle;
	}
	#cssmenu ul li.hover,
	#cssmenu ul li:hover {
	  position: relative;
	  z-index: 599;
	  cursor: default;
	}
	#cssmenu ul ul {
	  visibility: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 598;
	  width: 100%;
	}
	#cssmenu ul ul li {
	  float: none;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul {
	  top: -1px;
	  left: 99%;
	}
	#cssmenu ul li:hover > ul {
	  visibility: visible;
	}
	#cssmenu ul li {
	  float: none;
	}
	#cssmenu a {
	  display: block;
	}
	/* Custom CSS Styles */
	#cssmenu {
	  font-family: 'Segoe UI', Arial, sans-serif;
	  font-size: 11px;
	}
	#cssmenu:after,
	#cssmenu ul:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	#cssmenu ul {
	  background: #F0EFEA;
	  border: 1px solid #AAAAAA;
	  padding: 4px;
	  width: 200px;
	}
	#cssmenu ul li {
	  color: #000;
	  position: relative;
	}
	#cssmenu ul li.hover,
	#cssmenu ul li:hover {
	  background: #407a1e url() repeat-x;
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(1, black));
	  background-image: -webkit-linear-gradient(top, black, black);
	  background-image: -moz-linear-gradient(top, black, black);
	  background-image: -ms-linear-gradient(top, black, black);
	  background-image: -o-linear-gradient(top, black, black);
	  background-image: linear-gradient(black, black);
	  color: orange;
	}
	#cssmenu ul li.hover > a,
	#cssmenu ul li:hover > a {
	  color: orange;
	  border: 1px solid #327E04;
	}
	#cssmenu ul ul {
	  width: 150px;
	}
	#cssmenu a {
	  border: 1px solid transparent;
	  padding: 3px 10px;
	}
	#cssmenu a:link,
	#cssmenu a:visited {
	  color: black;
	  text-decoration: none;
	}
	#cssmenu a:hover {
	  background: #4b8e23 url() repeat-x;
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ea936), color-stop(1, #4b8e23));
	  background-image: -webkit-linear-gradient(top, black, black);
	  background-image: -moz-linear-gradient(top, black, black);
	  background-image: -ms-linear-gradient(top, black, black);
	  background-image: -o-linear-gradient(top, black, black);
	  background-image: linear-gradient(black, black);
	  color: #FFF;
	}
	#cssmenu a:active {
	  color: #ffa500;
	}
	#cssmenu .has-sub:hover > a:after,
	#cssmenu .has-sub.hover > a:after {
	  border-color: transparent transparent transparent #FFF;
	}
	#cssmenu .has-sub > a:after {
	  content: '';
	  width: 0px;
	  height: 0px;
	  border-style: solid;
	  border-width: 4px 0 4px 4px;
	  border-color: transparent transparent transparent #808080;
	  position: absolute;
	  top: 50%;
	  right: 5%;
	  margin-top: -4px;
	  -webkit-transform: rotate(360deg);
	}

</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
	<div id='cssmenu'>
	<ul>
	   <li><a href='home.jsp'><span>Home</span></a></li>
	   <li class='has-sub'><a href='#'><span>Administrar arbitros</span></a>
	      <ul>
	         <li><a href='altaArbitros.jsp'><span>Alta</span></a></li>
	         <li><a href='modificacionArbitros.jsp'><span>Modificacion</span></a></li>
	         <li class='last'><a href='bajaArbitros.jsp'><span>Baja</span></a></li>
	      </ul>
	   </li>
	   <li class='has-sub'><a href='#'><span>Administrar Sedes</span></a>
	      <ul>
	         <li><a href='altaSedes.jsp'><span>Alta</span></a></li>
	         <li><a href='modificacionSedes.jsp'><span>Modificacion</span></a></li>
	         <li class='last'><a href='bajaSedes.jsp'><span>Baja</span></a></li>
	      </ul>
	   </li>
	   <li class='has-sub'><a href='#'><span>Administrar equipos</span></a>
	      <ul>
   	         <li><a href='altaEquipo.jsp'><span>Alta</span></a></li>
	         <li><a href='modificacionEquipos.jsp'><span>Modificar</span></a></li>
	         <li class='last'><a href='bajaEquipos.jsp'><span>Baja</span></a></li>
	      </ul>
	   </li>
	   <li class="has-sub last"><a href='#'><span>Torneos</span></a>
		<ul>
			<li><a href='NuevoTorneoHome.jsp'><span>Nuevo Torneo</span></a></li>
	        <li><a href='#'><span>Generar fixtures</span></a></li>
	        <li class='last'><a href='#'><span>Partido de las estrellas</span></a></li> 
		</ul>
	   </li>
	</ul>
	</div>
</body>
</html>